body,html{
    height: 100%;
    width: 100%;
}

.login{
    height: 100%;
    min-width:1200px ;
}

.login-left{
    width: 60%;
    height: 100%;
    background-color: #1ca8ef;
    text-align: center;
    float: left;
    position: relative;
}

.login-left img{
    position: absolute;
    float: left;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
   
}

.login-right{
    width: 40%;
    height: 100%;
    background-color: #FFf;
    text-align: center;
    float: right;
    
}
    
.login-right .loginImg{
    margin:  240px 0px 30px 0px;
    
}

.login-right .sign{
    height: 50px;
    margin: 30px 0px 0px 0px;
}

.login-right .sign a{
    font-size: 18px;
    color: #5555;
    display: inline-block;


}


/* 给点击后的设置样式 */

.login-right .sign .signClick{
    color: skyblue;
    border-bottom: 3px solid #00bdff;
    padding-bottom: 10px;
}


.login-right .sign .bor{
    display: inline-block;
    width: 2px;
    height: 12px;
    background-color: #eee;
    margin: 0 30px;
}

 /* 登录注册区域  */
 .login-right .sign-in{
      position: relative;
 }


.login-right .sign-in input{
    width: 360px;
    height: 30px;
    outline: none;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 30px;
    background-repeat: no-repeat;
    text-indent: 2em;
    position: relative;
}

.login-right .sign-in .user{
background-image: url(../images/loginIcon111.jpg);
background-position: -6px 0px ;
}
  
   


.login-right .sign-in .pwd{
    background-image: url(../images/loginIcon222.jpg);
    background-position: -6px 0px ;
}

/* 表单内的X按钮 */
.login-right .sign-in form .userX{
    position: absolute;
    right: 132px;
    top: 40px;
    display: none;
}

.login-right .sign-in form .pwdX{
    position: absolute;
    right: 132px;
    top: 101px;
    display: none;
}


.login-right .sign-in .forget{
    text-align: right;
    display: block;
    margin: 20px 140px 20px 0;
    color: skyblue;
}


.login-right .sign-in button{
    height: 48px;
    width: 360px;
    color: #fff;
    background-color: #03c5ff;
    outline: none;
    border: none;
    margin: 0 auto;
}

.login-right .sign-in span{
    display: block;
    text-align: right;
    margin: 28px 140px 20px 0;
    padding-left: 20px;
    font-size: 12px;
    
}

.login-right .sign-in span a{
    color: skyblue;
}
/* 蒙层效果提示 */
.sign-in .mask{
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    width: 170px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 17px;
    bottom: 96px;
    right: 221px;
    display: none;

}




/* 隐藏的扫码登陆页面 */

.login-right .sign-on {
    width: 290px ;
    height: 240px;
    background-color: #fcfcfc;
    margin: 0 auto;
    font-size: 14px;
    display: none;
}

.login-right .sign-on .code img{
    margin: 40px auto auto auto ;
}



.login-right .sign-on .wechat{
    margin: 18px 0px;
}

.login-right .sign-on span{
    display: block;
    text-align: left; 
    margin: 28px 10px 20px 13px; 
    font-size: 12px;
    
}

.login-right .sign-on span a{
    color: skyblue;
}









